<template>
    <div>
        <i class="el-icon-edit"></i>
        <div>这是登录页面</div>
        <button @click="Login">点击登录</button>
        <button @click="Cycle">另一个的three</button>
        <button @click="YZ">验证</button>
        <button @click="Text">验证1</button>
        <button @click="Text1">验证2</button>
        <div class="FontSize"><p>对于以后未来的期望和发展情况的解释哦</p></div>
          {{y}}  状态的变化
        <button @click="TakeChange">变化</button>

        <!--    <button @click="Three">实验测试</button>-->
        <ChildComponent @update:myValue="changeMyValue1" @TakeTest="LookEnd"/>
        {{myValue}}
    </div>
<!--    <div>-->
<!--        <router-view v-slot="{ Component }">-->
<!--            <keep-alive>-->
<!--                <component :is="Component" v-if="$route.meta.keepAlive"  :key="$route.path" />-->
<!--            </keep-alive>-->
<!--            <component :is="Component" v-if="!$route.meta.keepAlive"  :key="$route.path"/>-->
<!--        </router-view>-->
<!--    </div>-->

</template>

<script>
    import ChildComponent from '../components/inputOne'
    import G2Chart from '../components/antv'
    import {defineAsyncComponent} from "vue";
    export default {
        name:'indexOne',
        data(){
            return{
                myValue: '1',
                y:4,

            }
        },
        components:{
            ChildComponent,
            G2Chart
        },

        methods:{
            onEnd(event) {
                console.log('Drag ended', event);
            },
            Login(){
                this.$router.push({ path: "home" });
            },
            Cycle(){
                this.$router.push({ path: "cycle" });
            },
            YZ(){
                this.$router.push({ path: "test" });
            },
            Text(){
                this.$router.push({ path: "test1" });
            },
            Text1(){
                this.$router.push({ path: "test2" });
            },
            changeMyValue1(value){
                console.log(2222)
                this.myValue=value
            },
            TakeChange(){
                this.myValue = '1'
                console.log(this.myValue,'输出')
            },
            LookEnd(e){
                console.log(e,'点击的输出')
            },
        }
    }
</script>

<style scopet>
    .el-table__row {
        cursor: move;
    }
.FontSize{
    font-family: 仿宋,微软雅黑;
    font-size: 14px;
    resize: both;
    overflow: hidden;
    width: 500px;
    /*//color:$c-bg ;*/
    height: 500px;
    background-color: turquoise;
    container-type:inline-size;
/*//表示指向容器的类型，是水平方向的（对应宽度），还是包括垂直方向的（对应宽度和高度）。*/

}
.FontSize p{
    font-size: 5cqw;
}
</style>

